<!DOCTYPE html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <title>门禁统计</title>
    <meta name="description" content="">
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui, user-scalable=no">
    <meta http-equiv="cleartype" content="on">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/assets/public/layermobile/css/layer.css">
    <link rel="stylesheet" href="/assets/doorctrl/css/style.css"/>
    <link rel="stylesheet" href="/assets/doorctrl/css/fonts.css"/>
</head>
<body>
<div class="wraper">
    <div class="header font-16">
        <div class="iconfont icon-zuo back font-24"></div>
        <span>门禁统计</span>
        <input type="hidden" id="js_doorctrlId" value="{BEESCRM:$doorctrlId}" />
    </div>
    <div class="box Today-statistics margin-10">
        <div>
            <span>昨日统计 <span class="Today">（{BEESCRM:$time}）</span></span>
            <a href="/Doorctrl/DoorctrlStat/yesterdayLateDetail/doorctrlId/{BEESCRM:$doorctrlId}" style="color: #2a2a2a;"><span class="pull-right">查看</span></a>
        </div>
        <!--晚归-->
        <div class="progress-bar-box progress-bar-gray">
            <if condition="$greenWidth">
                <div class="progress-bar-box progress-bar-green absolute" style="width:{BEESCRM:$greenWidth}%"></div>
            </if>
            <if condition="$redWidth">
                <div class="progress-bar-box progress-bar-red absolute" style="width:{BEESCRM:$redWidth}%" ></div>
            </if>
        </div>
        <div class="margin-10 font-12">
            <span>晚归<span class="red">{BEESCRM:$yesterdayData['lateNum']}</span>人 | 夜不归宿<span class="green">{BEESCRM:$yesterdayData['noBackNum']}</span>人</span>
            <span class="pull-right">共<span class="number-of-people">{BEESCRM:$yesterdayData['totalNum']}</span>人</span>
        </div>
    </div>

    <!--<div class="box Today-statistics margin-10">
        <div>
            <span>昨日未归 <span class="Today">（{BEESCRM:$time}）</span></span>
            <a href="/Doorctrl/DoorctrlStat/yesterdayNoBackDetail/doorctrlId/{BEESCRM:$doorctrlId}" style="color: #2a2a2a;"><span class="pull-right">查看</span></a>
        </div>
        &lt;!&ndash;未归&ndash;&gt;
        <div class="progress-bar-box progress-bar-gray">
            <if condition="$yesterdayData['noBackNum'] neq 0">
                <div class="progress-bar-box progress-bar-green absolute" style="width:{BEESCRM:$noBackWidth['greenWidth']}%"></div>
                <if condition="$yesterdayData['importantNoBackNum'] neq 0">
                    <div class="progress-bar-box progress-bar-red absolute" style="width:{BEESCRM:$noBackWidth['redWidth']}%" ></div>
                </if>
            </if>
        </div>
        <div class="margin-10 font-12">
            <span>重点<span class="red">{BEESCRM:$yesterdayData['importantNoBackNum']}</span>人 | 未归<span class="green">{BEESCRM:$yesterdayData['noBackNum']}</span>人</span>
            <span class="pull-right">共<span class="number-of-people">{BEESCRM:$yesterdayData['totalNum']}</span>人</span>
        </div>
    </div>-->

    <div class="box stay-out-late margin-10 padding-bottom">
        <div>
            <span>晚归人员近30日统计</span>
            <a href="/Doorctrl/DoorctrlStat/monthStatDetail/doorctrlId/{BEESCRM:$doorctrlId}/type/1" style="color: #2a2a2a;"><span class="pull-right">详情</span></a>
        </div>
        <div id="container" style="min-width: 310px; height: 150px; margin: 18px auto 0">
            <div class="dataload">
                <img src="/assets/base/statistics/images/loading.gif">
                <p class="text-gray text-center">数据加载中</p>
            </div>
        </div>
    </div>
    <div class="box stay-out-late margin-10 padding-bottom box1">
        <div>
            <span>夜不归宿人员近30日统计</span>
            <a href="/Doorctrl/DoorctrlStat/monthStatDetail/doorctrlId/{BEESCRM:$doorctrlId}/type/2" style="color: #2a2a2a;"><span class="pull-right">详情</span></a>
        </div>
        <div id="container2" style="min-width: 310px; height: 150px; margin: 18px auto 0">
            <div class="dataload">
                <img src="/assets/base/statistics/images/loading.gif">
                <p class="text-gray text-center">数据加载中</p>
            </div>
        </div>
    </div>


</div>
<script src="/assets/public/jquery-2.1.0.min.js"></script>
<script src="/assets/doorctrl/js/public.js"></script>
<script src="/assets/public/layermobile/layer.js"></script>
<script src="/assets/public/highcharts/highcharts.js"></script>
<script src="/assets/doorctrl/js/doorctrlStat/index.js"></script>

<script>
    $(function () {
        var height = $(window).height();
        $('.wraper').css('height', height);
    })
</script>
</body>
</html>